<script>
	/*打包-------------------------------------------------
		1.下载hbuildx并注册帐号
		2.可运行uniapp项目
		3.打开manifest.json 获取appId
		4.点击：发行 -> 原生app云打包 -> 点击打包
		5.打包完成会在控制台生成一个下载app的连接，然后复制到浏览器下载并安装
	*/ 
	/* 手机上调试------需要安装VConsole------------------------------
		1.下载：npm install vconsole
		2.下行引入
		3.在mounted中使用（行20）
	*/ 
	// import Vconsole from 'vconsole';
	
	import { mapMutations,mapState } from "vuex"
	export default {
		mounted() {
			// 启动调试器，页面会有一个按钮查看控制台数据
			// let vConsole = new Vconsole()
		},
		onLaunch: function() {
			//刷新页面从缓存中重新拿用户登录数据,实现持久化存储------------------------
			uni.getStorage({  
				key:"userInfo",
				success: (res) => {
					// 把用户信息再次保存到vuex
					this.$store.commit('storeLogin',JSON.parse(res.data))
				}
			})
		},
		computed:{
			...mapState(['leaveTime'])
		},
		onShow: function() {
			console.log('App Show')
			// 比较app隐藏与开始时间，超过10分钟重新显示广告-------------------
			let adShowTime = 10*60*1000				//隐藏多久就重新显示
			let nowTime = (new Date()).getTime()   	//当前时间
			let leaveTime = this.leaveTime			//隐藏时间
			if(nowTime - leaveTime >= adShowTime){  //如果时间差大于10分钟就重新显示广告
				uni.navigateTo({
					url:"/pages/ad/ad"
				})
			}
		},
		onHide: function() {
			console.log('App Hide')
			// 保存隐藏时间到vuex：记录app隐藏的开始时间，用于判断是否需要显示广告页
			this.storeLeaveTime('leaveTime')
		},
		methods:{
			...mapMutations(['storeLeaveTime'])
		}
	}
</script>

<style lang="scss">
	/*注：引入样式不要用@import url（）引入*/
	@import "./common/css/common.scss";
	@import "./common/css/iconfont.css";
</style>
